.provide-img-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: center;

  .provide-img-bkg {
    background: #000000;
    opacity: 0.56;
    width: 100%;
    height: 100%;
  }
  .close-icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 96px;
    height: 96px;
    z-index: 9999;
  }
  .provide-img-main {
    position: absolute;
    // top: 0;
    width: 100%;
    // height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    .img-main {
      width: 100vw;
      height: 100%;
    }
    .swiper-container {
      .swiper-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
      }
    }
  }
  .num-area {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 150px;
    line-height: 100px;
    text-align: center;
    z-index: 10000;

    .num-main {
      width: 160px;
      height: 70px;
      line-height: 70px;
      border-radius: 30px;
      margin: 0 auto;
      background: #000000;
      opacity: 0.56;
      font-size: 22px;
      font-weight: 700;
      color: #ffffff;
    }
  }
}
.swiper-pagination {
  span {
    width: 25px;
    height: 25px;
  }
  .swiper-pagination-bullet {
    opacity: 0.7;
  }
}
